html {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}
*::before, *::after {
  box-sizing: inherit;
}

body {
  width: 100%;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  background-color: #111;
}

.world {
  width: 250px;
  height: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -125px;
  margin-top: -125px;
}
.world div {
  float: left;
  width: 25px;
  height: 25px;
  animation: spin 1s infinite linear;
}
.world .delay-1 {
  animation-delay: 2.7472527473s;
}
.world .delay-2 {
  animation-delay: 1.4945054945s;
}
.world .delay-3 {
  animation-delay: 0.2417582418s;
}
.world .delay-4 {
  animation-delay: 2.989010989s;
}
.world .delay-5 {
  animation-delay: 1.7362637363s;
}
.world .delay-6 {
  animation-delay: 0.4835164835s;
}
.world .delay-7 {
  animation-delay: 3.2307692308s;
}
.world .delay-8 {
  animation-delay: 1.978021978s;
}
.world .delay-9 {
  animation-delay: 0.7252747253s;
}
.world .delay-10 {
  animation-delay: 3.4725274725s;
}
.world .delay-11 {
  animation-delay: 2.2197802198s;
}
.world .delay-12 {
  animation-delay: 0.967032967s;
}
.world .delay-13 {
  animation-delay: 3.7142857143s;
}
.world .delay-14 {
  animation-delay: 2.4615384615s;
}
.world .delay-15 {
  animation-delay: 1.2087912088s;
}
.world .delay-16 {
  animation-delay: 3.956043956s;
}
.world .delay-17 {
  animation-delay: 2.7032967033s;
}
.world .delay-18 {
  animation-delay: 1.4505494505s;
}
.world .delay-19 {
  animation-delay: 0.1978021978s;
}
.world .delay-20 {
  animation-delay: 2.9450549451s;
}
.world .delay-21 {
  animation-delay: 1.6923076923s;
}
.world .delay-22 {
  animation-delay: 0.4395604396s;
}
.world .delay-23 {
  animation-delay: 3.1868131868s;
}
.world .delay-24 {
  animation-delay: 1.9340659341s;
}
.world .delay-25 {
  animation-delay: 0.6813186813s;
}
.world .delay-26 {
  animation-delay: 3.4285714286s;
}
.world .delay-27 {
  animation-delay: 2.1758241758s;
}
.world .delay-28 {
  animation-delay: 0.9230769231s;
}
.world .delay-29 {
  animation-delay: 3.6703296703s;
}
.world .delay-30 {
  animation-delay: 2.4175824176s;
}
.world .delay-31 {
  animation-delay: 1.1648351648s;
}
.world .delay-32 {
  animation-delay: 3.9120879121s;
}
.world .delay-33 {
  animation-delay: 2.6593406593s;
}
.world .delay-34 {
  animation-delay: 1.4065934066s;
}
.world .delay-35 {
  animation-delay: 0.1538461538s;
}
.world .delay-36 {
  animation-delay: 2.9010989011s;
}
.world .delay-37 {
  animation-delay: 1.6483516484s;
}
.world .delay-38 {
  animation-delay: 0.3956043956s;
}
.world .delay-39 {
  animation-delay: 3.1428571429s;
}
.world .delay-40 {
  animation-delay: 1.8901098901s;
}
.world .delay-41 {
  animation-delay: 0.6373626374s;
}
.world .delay-42 {
  animation-delay: 3.3846153846s;
}
.world .delay-43 {
  animation-delay: 2.1318681319s;
}
.world .delay-44 {
  animation-delay: 0.8791208791s;
}
.world .delay-45 {
  animation-delay: 3.6263736264s;
}
.world .delay-46 {
  animation-delay: 2.3736263736s;
}
.world .delay-47 {
  animation-delay: 1.1208791209s;
}
.world .delay-48 {
  animation-delay: 3.8681318681s;
}
.world .delay-49 {
  animation-delay: 2.6153846154s;
}
.world .delay-50 {
  animation-delay: 1.3626373626s;
}
.world .delay-51 {
  animation-delay: 0.1098901099s;
}
.world .delay-52 {
  animation-delay: 2.8571428571s;
}
.world .delay-53 {
  animation-delay: 1.6043956044s;
}
.world .delay-54 {
  animation-delay: 0.3516483516s;
}
.world .delay-55 {
  animation-delay: 3.0989010989s;
}
.world .delay-56 {
  animation-delay: 1.8461538462s;
}
.world .delay-57 {
  animation-delay: 0.5934065934s;
}
.world .delay-58 {
  animation-delay: 3.3406593407s;
}
.world .delay-59 {
  animation-delay: 2.0879120879s;
}
.world .delay-60 {
  animation-delay: 0.8351648352s;
}
.world .delay-61 {
  animation-delay: 3.5824175824s;
}
.world .delay-62 {
  animation-delay: 2.3296703297s;
}
.world .delay-63 {
  animation-delay: 1.0769230769s;
}
.world .delay-64 {
  animation-delay: 3.8241758242s;
}
.world .delay-65 {
  animation-delay: 2.5714285714s;
}
.world .delay-66 {
  animation-delay: 1.3186813187s;
}
.world .delay-67 {
  animation-delay: 0.0659340659s;
}
.world .delay-68 {
  animation-delay: 2.8131868132s;
}
.world .delay-69 {
  animation-delay: 1.5604395604s;
}
.world .delay-70 {
  animation-delay: 0.3076923077s;
}
.world .delay-71 {
  animation-delay: 3.0549450549s;
}
.world .delay-72 {
  animation-delay: 1.8021978022s;
}
.world .delay-73 {
  animation-delay: 0.5494505495s;
}
.world .delay-74 {
  animation-delay: 3.2967032967s;
}
.world .delay-75 {
  animation-delay: 2.043956044s;
}
.world .delay-76 {
  animation-delay: 0.7912087912s;
}
.world .delay-77 {
  animation-delay: 3.5384615385s;
}
.world .delay-78 {
  animation-delay: 2.2857142857s;
}
.world .delay-79 {
  animation-delay: 1.032967033s;
}
.world .delay-80 {
  animation-delay: 3.7802197802s;
}
.world .delay-81 {
  animation-delay: 2.5274725275s;
}
.world .delay-82 {
  animation-delay: 1.2747252747s;
}
.world .delay-83 {
  animation-delay: 0.021978022s;
}
.world .delay-84 {
  animation-delay: 2.7692307692s;
}
.world .delay-85 {
  animation-delay: 1.5164835165s;
}
.world .delay-86 {
  animation-delay: 0.2637362637s;
}
.world .delay-87 {
  animation-delay: 3.010989011s;
}
.world .delay-88 {
  animation-delay: 1.7582417582s;
}
.world .delay-89 {
  animation-delay: 0.5054945055s;
}
.world .delay-90 {
  animation-delay: 3.2527472527s;
}
.world .delay-91 {
  animation-delay: 2s;
}
.world .delay-92 {
  animation-delay: 0.7472527473s;
}
.world .delay-93 {
  animation-delay: 3.4945054945s;
}
.world .delay-94 {
  animation-delay: 2.2417582418s;
}
.world .delay-95 {
  animation-delay: 0.989010989s;
}
.world .delay-96 {
  animation-delay: 3.7362637363s;
}
.world .delay-97 {
  animation-delay: 2.4835164835s;
}
.world .delay-98 {
  animation-delay: 1.2307692308s;
}
.world .delay-99 {
  animation-delay: 3.978021978s;
}
.world .delay-100 {
  animation-delay: 2.7252747253s;
}

@keyframes spin {
  0% {
    transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    background-color: rgb(0, 170, 255);
  }
  25%, 75% {
    transform: rotate3d(0, 0, 1, 90deg) scale3d(0, 0, 1);
    background-color: white;
  }
  100% {
    transform: rotate3d(0, 0, 1, 180deg) scale3d(1, 1, 1);
    background-color: rgb(0, 170, 255);
  }
}